<template>
	<view class="post-item" @click="$emit('click', post.postId)">
		<!-- 左侧内容区域 -->
		<view class="post-content">
			<!-- 帖子标题 -->
			<view class="post-title">
				<text :class="{ 'top-tag': post.isTop === 1 }" v-if="post.isTop === 1">置顶</text>
				<text :class="{ 'essence-tag': post.isEssence === 1 }" v-if="post.isEssence === 1">精华</text>
				{{ post.title }}
			</view>

			<!-- 用户信息和统计数据 -->
			<view class="post-meta">
				<view class="user-stats">
					<text class="nickname">{{ post.nickname || '匿名用户' }}</text>
					<!-- 统计数据（核心修改：wd-icon → up-icon） -->
					<view class="post-stats">
						<view class="stat-item">
							<!-- 原wd-icon name="view" → 替换为up-icon name="eye"（uview-plus中“查看”图标对应name为eye） -->
							<up-icon name="eye" size="14" />
							<text>{{ post.viewCount || 0 }}</text>
						</view>
						<view class="stat-item">
							<!-- 原wd-icon name="edit" → 替换为up-icon name="edit"（图标名称一致） -->
							<up-icon name="edit-pen" size="14" />
							<text>{{ post.commentCount || 0 }}</text>
						</view>
						<view class="stat-item-time">
							<text>{{ standardDateTime(post.createTime) }}</text>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>

	<up-divider style="margin: 0;"></up-divider>
</template>

<script setup>
	import {
		standardDateTime
	} from '../../../utils/date';

	// 定义props（保留原有默认值逻辑，避免undefined）
	const props = defineProps({
		post: {
			type: Object,
			required: true,
			default: () => ({})
		},
		defaultAvatar: {
			type: String,
			default: 'https://picsum.photos/200/200?random=1'
		}
	});

	// 定义emits（保留原有点击事件逻辑）
	const emit = defineEmits(['click']);
</script>

<style lang="scss" scoped>
	// 导入外部SCSS样式文件（保留原有样式引用）
	@import './styles/post-item.scss';
</style>